﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>从表导入JS模式</title>
    <script type="text/javascript" src="../../../Scripts/bootstrap/js/jquery.min.js"></script>
    <script src="../../../Scripts/QueryString.js" type="text/javascript"></script>
    <link href="../../../../DataUser/Style/ccbpm.css" rel="stylesheet"  type="text/css" />

    <!-- 引用通用的js文件. -->
    <script type="text/javascript" src="../../../Scripts/config.js"></script>
    <script type="text/javascript" src="../../../Comm/Gener.js"></script>

    <script type="text/javascript" language="javascript" >
        //页面启动函数.
        $(function () {

            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "PopSimpleModel_" + GetQueryString("FK_MapData")+"_"+GetQueryString("KeyOfEn");
            var i = mapExt.RetrieveFromDBSources(); //从数据库来查询.

            //基本属性.
            $("#TB_Title").val(mapExt.GetPara("Title"));
            $("#TB_SearchTip").val(mapExt.GetPara("SearchTip"));

            $("#TB_W").val(mapExt.W); //宽度
            $("#TB_H").val(mapExt.H); //高度.

            //主题数据源.
            $("#TB_Doc").val(mapExt.Doc);
            $("#TB_Tag").val(mapExt.Tag); //查询数据源.

            //设置按钮是否可以用?
            if (i == 0)
                $("#Btn_Delete").attr("disabled", true);
            else
                $("#Btn_Delete").removeAttr("disabled");

        });


        function Delete() {

            if (confirm('您确定要删除吗？') == false)
                return;

            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "DtlImpByJSON_" + GetQueryString("FK_MapData");
            mapExt.RetrieveFromDBSources(); //从数据库来查询.
            mapExt.Delete();
            window.location.href = window.location.href;
        }

        function Save() {

            var mapExt = new Entity("BP.Sys.MapExt");
            mapExt.MyPK = "DtlImpByJSON_" + GetQueryString("FK_MapData");
            mapExt.RetrieveFromDBSources(); //从数据库来查询.

            mapExt.FK_MapData = GetQueryString("FK_MapData");

            mapExt.SetPara("Title", $("#TB_Title").val());
            mapExt.SetPara("SearchTip", $("#TB_SearchTip").val());

            mapExt.W = $("#TB_W").val(); //宽度
            mapExt.H = $("#TB_H").val(); //高度

            //主题数据源.
            mapExt.Doc = $("#TB_Doc").val();
            mapExt.Tag = $("#TB_Tag").val(); //查询关键。

            mapExt.ExtType = "DtlImpByJSON";
            var i = mapExt.Save();

            window.location.href = window.location.href;
        }
    </script>
</head>
<body  >

<form id="cc">

<table id="Table1" style="width:99%;">
<caption> 从表的导入配置 </caption>
<tr>
<td>标题</td>
<td><input type="text" id="TB_Title" style="width:99%;" /> 
<br />
<font color=gray>
显示在窗口的文字，比如:关联流水.
</font>
</td>
</tr>

<tr>
<td>弹窗属性</td>
<td >高度:<input type="text"  id="TB_H" style="width:80px; text-align:right"  /> 宽度:<input type="text"  id="TB_W" style="width:80px; text-align:right"  /> </td>
</tr>


<tr>
<td>搜索提示</td>
<td><input type="text" id="TB_SearchTip" style="width:90%;" /> 
<br><font color=gray >显示在搜索文本框的背景文字,比如：请输入付款人名称,进行搜索.</font></td>
</tr>

<tr>
<th colspan=2>搜索JSON</th>
</tr>

<tr>
<td colspan=2>

<textarea id="TB_Tag" name="TB_Tag" style="width:99%; height: 37px;">
</textarea>
</td>

<tr>
<td colspan=2>
<font color=gray >点击关键字执行搜索返回的数据源,比如:http://xxxxx/ssss?xx=*sss@ColName=FKR,付款人;XFLX,消费类型;SYRQ,使用日期;Addr,地点;LSJE,流水金额;
</font>
 </td>
</tr>
</tr>


<tr>
<th colspan=2>列表数据源</th>
</tr>

<tr>
<td colspan=2>
<textarea id="TB_Doc" name="TB_Doc" style="width:99%; height: 99px;">
</textarea>
</td>
</tr>

<tr>
<td colspan=2>
 
<a href="javascript:ShowHidden('help')">设置帮助:</a>
<div id="help"   >
描述:
$@Lab=标签@JsonURL=http://xxxxx/ssss?xx=*sss@ColName=
事例:<br>
$@Lab=全部@JsonURL=http://xxxxx/ssss?xx=*sss@ColName=FKR,付款人;XFLX,消费类型;SYRQ,使用日期;Addr,地点;LSJE,流水金额;<br>
$@Lab=携程商旅@JsonURL=http://xxxxx/ssss?xx=*sss@ColName=FKR,付款人;XFLX,消费类型;SYRQ,使用日期;Addr,地点;LSJE,流水金额;<br>
$@Lab=滴滴出行@JsonURL=http://xxxxx/ssss?xx=*sss@ColName=FKR,付款人;XFLX,消费类型;SYRQ,使用日期;Addr,地点;LSJE,流水金额;<br>
$@Lab=浙商金卡@JsonURL=http://xxxxx/ssss?xx=*sss@ColName=FKR,付款人;XFLX,消费类型;SYRQ,使用日期;Addr,地点;LSJE,流水金额;<br>
</div>

</td>
</tr>


<tr>
<td colspan=2><input type="button" value="保存"  id="Btn_Save" name="Btn_Save" onclick="return Save()" />
<input type="button" value="删除"  id="Btn_Delete" name="Btn_Delete" onclick="return Delete()" />
</td>
</tr>


</table>

 

</form>

</body>
</html>
